import axios from "axios";
import { ElMessage } from "element-plus";
import "element-plus/theme-chalk/el-message-box.css";
import "element-plus/theme-chalk/el-message.css";

const httpInstance = axios.create({
  baseURL: "http://pcapi-xiaotuxian-front-devtest.itheima.net",
  timeout: 5000
})

// 添加请求拦截器
httpInstance.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  return config;
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error);
});

// 添加响应拦截器
httpInstance.interceptors.response.use(function (response) {
  // 对响应数据做点什么
  console.log(response)
  if(response.status === 200) {
    ElMessage({
      message: response.data.msg,
      type: 'success',
    })
  }
  return response;
}, function (error) {
  // 对响应错误做点什么
  console.log(error)
  if(error.code === "ERR_NETWORK") {
    ElMessage({
      message: "操作失败，请联系服务器管理员",
      type: "error"
    })
  }
  return Promise.reject(error);
});

export default httpInstance
